.viewCollaboration {
  margin-right: 0.5em;
  height: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.avatarContainer {
  border-radius: 50%;
  border: 0.25rem solid;
  height: 2rem;
  width: 2rem;
  display: flex;
}

.avatarContainer > * {
  font-size: 0.75rem;
}

.avatar {
  padding: 0;
}

.menu {
  height: 100%;
  width: 100%;
}

.joined {
  border-color: var(--bs-success);
}

.dirty {
  border-color: var(--bs-warning);
}

.saved {
  border-color: var(--bs-danger);
}

.left {
  border-color: var(--bs-danger);
}

.left .avatar {
  opacity: 0.5;
}

.grouped {
  cursor: pointer;
  overflow-x: clip;
}
